<template> 
    <el-container>
      <SideMenu/>
      <el-container class="container">
        <TopHeader/>
        <el-main>
          <router-view/>
        </el-main>
      </el-container>
    </el-container>
 </template>
 
 <script setup>
 import TopHeader from '@/components/mainbox/TopHeader.vue';
 import SideMenu from '@/components/mainbox/SideMenu.vue';

 </script >
 
 <style scoped lang="scss">
 .container{
  display: flex;
  flex-direction: column;
  .el-main{
    overflow: auto;
    height: calc(100vh - 60px);
  }
 }

 </style>